<!doctype html>
<html lang="en">
<head>
	{include file="common/head"}
	<style>
		@media (min-width: 768px){
			.t-img {
				height: 220px;
			}
		}
		@media (min-width: 992px){
			.t-img {
				height: 220px;
			}
		}
		@media (min-width: 1200px){
			.t-img {
				height: 280px;
			}
		}
	</style>
</head>
<body>
	{include file="common/menu"}
	{include file="common/sub2"}
	<section class="section blog-wrap bg-gray">
	    <div class="container">
	        <div class="row">
	        	{hkcms:content num="$Cate.num" page="1"}
				<div class="col-lg-4 col-md-6 mb-5">
					<div class="blog-item">
						<a href="{$item.url}" title="{$item.title}">
							<img src="{$item.thumb}" alt="" class="t-img img-fluid rounded w-100">
						</a>
						<div class="blog-item-content bg-white p-5">
							<div class="blog-item-meta bg-gray py-1 px-2">
								<span class="text-muted text-capitalize mr-3"><a href="{$item.category.url}"><i class="ti-list mr-1"></i>{$item.category.title}</a></span>
								<span class="text-muted text-capitalize mr-3"><i class="ti-pencil-alt mr-1"></i>{$item.author}</span>
								<span class="text-muted text-capitalize mr-3"><i class="ti-time mr-1"></i>{hkcms:date name="$item.publish_time" format="Y-m-d"}</span>
							</div> 
							<h3 class="mt-3 mb-3"><a href="{$item.url}" class="aline" title="{$item.title}">{$item.title}</a></h3>
							<p class="mb-4"><a href="{$item.url}" class="twolines">{$item.description}</a></p>
						</div>
					</div>
				</div>
				{/hkcms:content}
			</div>
			<div class="row justify-content-center mt-2">
	            <div class="col-12 text-center">
                    {hkcms:contentpage item="home,pre,pageno,next,last,info" mobile_item="pre,pageno,next" pre="&laquo;" next="&raquo;" /}
	            </div>
	        </div>
	    </div>
	</section>
	{include file="common/footer"}
</body>
</html>